import React from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { Route, Router, IndexRoute, browserHistory } from 'react-router';

//Actions
import * as counterAction from 'root_path/actions/counter.js';
//Actions

//UI components
import IndexPage from 'root_path/pages/index/Index.jsx';
import Navigation from 'root_path/pages/navigation/Navigation.jsx';
//import Counter from 'root_path/pages/counter/Content.jsx';

import Shop from 'root_path/pages/shop/Shop.jsx';

//Url
import { url } from 'root_path/util/url.js';

// Map Redux state to component props
function mapStateToProps(state){
  return {
    value: state.count
  };
}

// Map Redux actions to component props
function mapDispatchToProps(dispatch) {
  return {
  	actions: bindActionCreators(counterAction, dispatch)
  };
}

// // Connected Component:
// var counter = connect(mapStateToProps, mapDispatchToProps)(Counter);

export default (
	<Router history={browserHistory}>
			<Route path="/" component={Navigation}/>
      <Route path={url.index} component={Navigation}/>
			<Route path={url.shop} component={Shop}/>
	</Router>
);


